<!DOCTYPE HTML>
<html>
<head>
    {include file="common:meta"}
</head>
<body>
<div class="page-container">
    <div class="ibox float-e-margins">
        <div class="ibox-content">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>用户ID</th>
                    <th>用户名</th>
                    <th>用户头像</th>
                    <!--<th>详情</th>-->
                </tr>
                </thead>
                <tbody>
                {volist name="data" key='key' id="list"}
                <tr>
                    <td id="user_id">{$list.id}</td>
                    <td id="u_id">{$list.u_id}</td>
                    <td>{$list.nickname}</td>
                    <td><img src="{$list.pic}" alt="" width="60px"></td>
                    <!--<td><button class="member-info btn-danger" value="{$list.id}">查看用户信息</button></td>-->
                </tr>
                {/volist}
                </tbody>
            </table>
        </div>
    </div>
</div>
{include file="common:footer"}

<script>
    var UserInfoObj = $('.member-info');
    var user_id = $('.member-info').attr('value');
    var u_id = $('#u_id').text();
    if(UserInfoObj.length){
        UserInfoObj.on('click',function(){
            layer.open({
                type: 2,
                title: ['成员('+u_id+')信息','font-size:18px;font-family:宋体;font-weight:700;'],
                shadeClose: true,
                shade: false,
                maxmin: true, //开启最大化最小化按钮
                area: ['600px', '400px'],
                content:"/UserInfo?user_id=" + user_id,
                offset:'auto',
                scrollbar:false
            });
        });
    }
</script>
</body>
</html>